<template>
    <div class="title-content" :style="`margin-top:calc(${top} / 1920 * 100vw)`">
        <img class="mark" src="@/assets/online_consulting/start/title-mark.png" alt="">
        <span class="title">{{titles}}</span>
    </div>
</template>
<script>
export default{
    data(){
        return{

        }
    },
    props:['titles','top'],
}
</script>
<style lang="scss" scoped>
    .title-content{
        display: flex;
        align-items: center;
        .mark{
            width: calc(6 / 1920 * 100vw);
            height: calc(18 / 1920 * 100vw);
        }
        .title{
            margin-left: calc(13 / 1920 * 100vw);
            font-size: calc(16 / 1920 * 100vw);
            color: #1F1F1F;
        }
    }
</style>